<template>
  <div class="view box">
    <div>
      <p>
        传输配置名称
        <el-input v-model="detailList.name" placeholder="请输入传输配置名称" size="normal" disabled></el-input>
      </p>
      <p>
        &#12288;文件总大小
        <span class="fixWidth">
          <el-input v-model="detailList.minFileSize+ 'MB'" :disabled="true" size="normal"></el-input>
          <span>&#12288;<s>&#12288;&#12288;</s>&#12288;</span>
          <el-input v-model="detailList.maxFileSize+ 'MB'" :disabled="true" size="normal"></el-input>
        </span>
      </p>
      <p>
        &#12288;&#12288;对象权限
        <span class="fixWidth">
          <el-radio v-model="detailList.objectPermission" label="0" :disabled="true">私有</el-radio>
          <el-radio v-model="detailList.objectPermission" label="1" :disabled="true">公共读</el-radio>
        </span>
      </p>
      <p>
        最大上传个数
        <span class="fixWidth">
          <el-input v-model="detailList.maxUploadNumber" :disabled="true" size="normal"></el-input>
        </span>
      </p>
      <p>
        文件类型限制
        <span class="fixWidth">
            <el-radio label="0" v-model="detailList.fileType" :disabled="true">图片</el-radio>
            <el-radio label="1" v-model="detailList.fileType" :disabled="true">视频</el-radio>
            <el-radio label="2" v-model="detailList.fileType" :disabled="true">图片和视频</el-radio>
        </span>
      </p>
      <p>
        &#12288;&#12288;修改时间
        <el-input v-model="detailList.updateDate" :disabled="true" size="normal"></el-input>
      </p>
      <p>
        &#12288;&#12288;&#12288;&#12288;备注
        <el-input
            :disabled="true"
            size="normal"
            type="textarea"
            :autosize="{ minRows: 2, maxRows: 4}"
            placeholder="请输入内容"
            v-model="detailList.remarks"
            resize="none">
        </el-input>
      </p>
      <p>
        <el-button type="primary" round @click="()=>{$router.push('/configManage/transmissionConfig')}" size="normal">返回</el-button>
      </p>
    </div>

  </div>
</template>

<script>
export default {
  name: "transmissionView",
  components:{},
  data(){
    return{
    	id:'',
	    detailList:{}
    }
  },
	created() {
		this.id=this.$route.query.id;
		this.getTrans();
	},
	methods:{
  	// 根据id获取详情
  	async getTrans(){
  		await this.$Http.transDetail({
			  id:this.id
		  }).then(res =>{
		  	console.log(res);
		  	this.detailList = res.data;
		  })
	  },
	}
}
</script>

<style scoped lang="scss">
@import "src/assets/css/content.scss";
//页面完善
.box p:last-child{
  margin-bottom: -12px
}
</style>
